{% extends 'base.html' %}
{% load brispon_filter %}
{% block title %}Brisbane Coupon{% endblock %}
{% block stylesheet %}
{{ block.super }}
<style type="text/css">
.myHeader.ui-li-heading {
    color:#cc0000;
}
.myParagraph.ui-li-desc {
    color:#333;
    overflow:show;
    text-overflow:clip;
    white-space:normal;
    height:28px;
    margin-bottom:0px;
}
</style>
{% endblock%}

{% block javascript %}
{{ block.super }}
{% endblock%}

{% block content %}
<a href="{% url auth_logout %}" data-role="button">Log out</a>

<ul data-role="listview" data-inset="true">
  <li data-role="list-divider">My Coupon</li>
  {% for fc in fcoupons %}
  <li>
    <a href="{{ fc.coupon.event.murl }}">
    <h3 class="myHeader">{{ fc.coupon.event.name }}</h3>
    <p class="myParagraph">{{ fc.registry }}</p>
    </a>
  </li>
  {% endfor %}
</ul>
  
<br />

<ul data-role="listview" data-inset="true">
  <li data-role="list-divider">Favorite Store</li>
  {% for fs in fstores %}
  <li>
    <a href="{{ fs.store.murl }}">
    <h3 class="myHeader">{{ fs.store.name }}</h3>
    <p class="myParagraph">{{ fs.registry }}</p>
    </a>
  </li>
  {% endfor %}
</ul>

{% endblock %}
